.cards-1 {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;

    .first-cards {
        flex: 1;
        display: flex;
        --adm-avatar-border-radius: 50%;

        .adm-avatar {
            background-color: #00cc4c;
        }

        .card-content {
            flex: 1;
            display: flex;
            gap: 16px;
            justify-content: center;
            align-items: center;
            font-size: 16px;
        }
    }
}


.cards-2 {
    padding: 0 16px;

    .card-content-4 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 6px;
        border-radius: 8px;

        .card-content-4-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 8px;
            font-size: 14px;

            .adm-avatar {
                background-color: #00cc4c;
            }
        }
    }
}

.cards-3 {
    padding: 16px;
}

.cards-4 {
    padding: 0 16px;
}

.cards-5 {
    padding: 16px;
}